/*单独控制产品页的面包*/
.product-page {background-color: #f0f0f0;}
.bread-crumb-p {background-color: #fff;padding: 2.6vmin 2.6vmin;}


/*产品详情*/
.product-info {margin-top: 2.6vmin;overflow: hidden;}
.product-info .product-picture{width:100%;min-height:80vw;background:#fff;display: flex;align-items: center;justify-content: center;position: relative;}
.product-info .product-picture .cover{width:100%;max-height:100vw;}
.product-info .product-picture .control{position: absolute;right:4vmin;bottom:4vmin;z-index: 1;}
.product-info .product-picture .control .icon{width:8vmin;height:8vmin;display: block;margin-top: 15px;opacity: 0.4}
.product-info .product-params {color:#444;background:#fff;margin-top:2.6vmin;padding:4vmin 4vmin;border-top:0px solid #ddd;position: relative}
.product-info .product-params .title{font-size:4.27vmin;font-weight: bold;padding:2.7vmin 0 0;}
.product-info .product-params .price{font-size:4.27vmin;font-weight: bold;color:#f60}
.product-info .product-params .price b{font-size:5.9vmin;}
.product-info .product-params .toggle-link{color:#999}


/*sku*/
.sku {padding:4vmin 4vmin;background:#fff;margin-top:2.6vmin;overflow-x: scroll;display: flex;align-items: flex-start;justify-content: flex-start;}
.sku .box {width:28vmin;margin:0.5vmin;}
.sku .box .picture{border:1px solid #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0);transition: all 0.5s}
.sku .box .picture img{width:24vmin; height:24vmin;}
.sku .box .info {font-size:3.2vmin;color:#666;transition: all 0.5s}
.sku .box .info .sku-title {width:100%; /*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.sku .box .info .sku-price {}
.sku .box.hover {}
.sku .box.hover .picture{border:1px solid #f60;box-shadow: 2px 2px 4px rgba(0,0,0,0)}
.sku .box.hover .info{color:#f60}
.sku-control {font-size:3.2vmin;line-height:1.5em;margin-top: 0.1em;display: block;align-items: center;justify-content: space-between;}
.sku-control .text{}
.sku-control .btn {margin:1vmin 0;}
.sku-control .btnCart{
    color:#fff;width:100%;background-color: #f60;border:none;padding:0.5em 0em;border-radius: 10em;
    display: flex;align-items: center;justify-content: center;
}
.sku-control .btnCart img{heigh:1.5em;width:1.5em;}
.sku-control .btnCart:active{background-color: #f90;}
.fly_item {  width: 2.7vmin; height: 2.7vmin;background:#f00; border-radius:100%;overflow: hidden; position: absolute; visibility: hidden;  }

/*产品视频和案例相册按钮*/
.product-another {color:#333;width:100%;padding:10px 0;display: flex;align-items: center;justify-content: space-between}
.product-another .box {width:48%;padding:2.7vmin 0;border:0px solid #eee; display: flex;align-items: center;justify-content: center;box-sizing: border-box}
.product-another .box:hover{background-color: #f0f0f0;}
.product-another .box .icon{height:5.6vmin;}
.product-another .box .title{font-size:3.4vmin;margin-left: 2.7vmin;}
/*图文详情*/
.product-article{font-size:3.7vmin;background-color: #fff;padding:2.7vmin 4vmin 5vmin;margin-top: 2.7vmin;}
.product-article img{max-width: 100%;}


/*产品详情-内容层*/
.product-mask {
    position: fixed;z-index:3;top:0;left: 0;right: 0;bottom: 0;
    background-color: rgba(255,255,255,1);
    /*background-color: rgba(0,0,0,0.8);*/
}
.product-mask .float-wrap {
    width:96%;max-width: 750px;height:auto;border:0px solid #e00; box-sizing: border-box;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.product-mask .float-wrap .close{width:30px;height:30px;position: absolute;left: 50%;bottom:0;transform: translate(-50%,150%);}
.product-mask .float-wrap .content{}

.float-video {width: 100%;display: flex;align-items: center;justify-content: center}
.float-video video{ width:100%;max-width: 720px}
.float-album {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap}
.float-album a{
    width:28vmin;height:28vmin;background:#fff;margin:3px;display: flex;border:1px solid #ddd;background-color: #fff;
    align-items: center;justify-content: center;box-shadow:1px 1px 3px rgba(50,50,50,0)
}
.float-album a img{max-width:100%;max-height: 100%}




/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media screen and (min-width: 767px){

    /*产品详情*/
    .product-info .product-params {}
    .product-info .product-params .title{}

    /*sku*/
    .sku {}
    .sku .box {}
    .sku .box .picture{}
    .sku .box .picture img{}
    .sku .box .info{font-size:2.6vmin;}
    .sku .box.hover {}
    .sku .box.hover .picture{}
    .sku .box.hover .info{}

    /*产品视频和案例相册按钮*/
    .product-another .box {}
    .product-another .box .icon{}
    .product-another .box .title{}
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media screen and (min-width: 1024px){
    .product-page {background-color: #f0f0f0;}
    /*产品详情*/
    .product-info .product-params {padding:2vmin 3vmin;margin-top: 0;}
    .product-info .product-params .title{font-size:3.27vmin;font-weight: bold;padding:1vmin 0 0;}
    .product-info .product-params .price{font-size:3.27vmin;font-weight: bold;color:#f60}
    .product-info .product-params .price b{font-size:4vmin;}

    /*产品详情*/
    .product-info {}
    .product-info .product-picture{width:40vw;min-height:40vw;max-height:40vw;padding:0px 0;}
    .product-info .product-picture .cover{width:40vw;max-height:40vw;}

    /*sku*/
    .sku {padding:2vmin 2vmin;}
    .sku .box {}
    .sku .box .picture{}
    .sku .box .picture img{}
    .sku .box .info {}
}

